<!doctype html>
<html style="height:100%;margin:0;">
<head>
<meta charset="utf-8">
<title>横屏分页</title>
<meta name="description" content=""/>
<meta name="keywords" content=""/>
<meta name="format-detection" content="telephone=no" />
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale=1.0, maximum-scale=1, user-scalable=no"/>
<script src="http://mat1.gtimg.com/www/mobi/js/zepto.min.js"></script>
<script src="../../dist/jmslip.js"></script>
<style>
.mod-tabs {
	position: relative;
	display: -webkit-box;
	width: 100%;
	height: 40px;
	background-color: #fff;
	margin:0;
	padding:0;
	list-style: none;
}
.mod-tabs>li {
	font-size: 16px;
	position: relative;
	border-bottom: 1px solid #edecea;
	display: block;
	-webkit-box-flex: 1;
	-webkit-box-sizing: border-box;
	width: 1%;
	line-height: 40px;
	color: #7f7f7f;
	text-align: center;
}
.mod-tabs>li.cur {
	position: relative;
	border-bottom-color: #fff;
	color: #ff2814;
}
</style>
</head>
<body>
<ul class="mod-tabs">
<li data-index="0" class="cur">精选</li>
<li data-index="1" class="">新游爆料</li>
<li data-index="2" class="">奇葩策划</li>
<li data-index="3" class="">TGA</li>
<li data-index="4" class="">明星采访</li>
</ul>

<div class="item-list-wp">
	<div class="item-list">
		<div class="item" data-index="0" data-id="1" data-reportid="1" style="width: 320px; height: auto; min-height: 528px;"> 
		<section class="art-banner">
		<ul>
			<li>
				<a href="#" style="background-image:url(http://gqq.gtimg.com/zhuanlan/sBannerPic_20141107150521.jpg);"></a>
			</li>
			<li style="float: left; width: 320px; padding-top: inherit;">
				<a href="#" style="background-image:url(http://gqq.gtimg.com/zhuanlan/sBannerPic_20141107145405.jpg);"></a>
			</li>
			<li>
				<a href="#" style="background-image:url(http://gqq.gtimg.com/zhuanlan/sBannerPic_20141031200630.jpg);"></a>
			</li>
			<li>
				<a href="#" style="background-image:url(http://gqq.gtimg.com/zhuanlan/sBannerPic_20141107145440.jpg);"></a>
			</li>
		</ul>
		</section> 

		<section class="g-box-f artlist-box">     
		<ul class="g-box-bd mod-artlist"> 
			<li class="art">     
				<a href="#">     
					<img src="http://gqq.gtimg.com/article/1/37662/sArticlePicUrl_20141111111447.png">     
					<div class="a-info"><h3 class="tit">你以为只是下跪吗 土下座之恶搞</h3><p class="txt">关注智障儿童，就是关心我们自己。大家好，我是小市民C。如果大家经常看日剧或者动漫的话，相信会看过“土下座”这样的字眼。土下座是一种日本礼仪，即五体投地地谢罪或请愿。古代用于向身份高贵的人表达谦恭之意，现代一般用来表示最深切的歉意或者诚心请求之意。没错，今天我们的话题就是聊聊土下座。土下座被认为是最深的谢罪方式。江户时代，谢罪的一方如果采用土下座方式道歉，一般来说都会得到原谅，但同时谢罪者也会以此为 ...</p>
					<div class="meta"><i class="fg-liked hide"></i><i class="fg-replied hide"></i></div></div>
				</a> 
			</li>
		</ul> 
		</section>
	</div>
</div>
<script type="text/javascript" src="http://tajs.qq.com/stats?sId=45761699" charset="UTF-8"></script>

</body>
</html>